:root {
	--base-default: #473bf0;
	
	--base-green: #35C857;
	
	--base-red: #FF3838;
	
	--base-blue: #0066ff;
	
	--base-yellow: #ffd200;
	
	--base-grey: #999999;
	
	--base-purple: #804cde;
	
	--base-pink: #f248dc;
	
	--base-orange: #F68E38;
	
	--base-teal: #2fcb99;
	
	--base-cyan: #27d9e5;
	
	--base-gray: #343a40;

	--base-black: #000000;

	--base-color-1: #FAFAFA;

	--base-color-2: #F6F6F6;

	--base-color-3: #eeeeee;

	--base-color-4: #e2e2e2;

	--base-color-5: #dddddd;

	--base-color-6: #d2d2d2;

	--base-color-7: #cccccc;

	--base-color-8: #c2c2c2;
	
	
	--base-default-dark: #f4f2ff;
	--base-blue-dark: #f1f6ff;
	--base-green-dark: #effff5;
	--base-yellow-dark: #fffdf5;
	--base-red-dark: #fff9f9;
	--base-purple-dark: #f9f6ff;
	--base-pink-dark: #ffe9fc;
	--base-orange-dark: #fff5ed;
	--base-teal-dark: #edfff9;
	--base-cyan-dark: #ecfeff;
	
	--base-radius: 2px;
	
	--base-font-size: 12px;
}